* {
    margin: 0;
    padding: 0;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.inline-block {
    display: inline-block;
}
.clearfix {
    clear: both;
}
a {
    text-decoration: none;
}
li {
    list-style: none;
}
img {display: block;}
.w1200 {width: 12rem;margin: 0 auto;}
.w1600 {width: 16rem;margin: 0 auto;}
.relative {position: relative;}
.absolute {position: absolute;}
/* header */
.header {height: 1.6rem;width: 100%;padding: 0 0.5rem;box-sizing: border-box;overflow: hidden;background: #0086DC;}
.header h1 {position: relative;height: 100%;line-height: 1.6rem;}
.logo {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1.5rem;}
h1 span {margin-left: 1.6rem;color: #fff; font-size: 0.4rem;}
.login {text-align:right;color: #fff;line-height: 0.5rem;}
.border {display: inline-block;vertical-align: middle;width: 1px; height: 0.16rem;background: #fff;margin: 0 5px 2px;}
.search-box {width: 3rem; margin-top: 0.3rem;background: #fff;position: relative;}
.search-box input {height: 0.5rem;width: 100%; padding-left: 10px;box-sizing: border-box;border: none;outline: none;}
.search-box img {position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
/* navs */
.navs {height: 0.6rem; line-height: 0.6rem;background:#0177C3;color: #fff;font-size: 0.22rem;}
.nav {display: inline-block;width: 1.5rem;height: 100%;vertical-align: top;text-align: center;border-right: 1px solid #fff;}
.nav.active {color: #333;}
.banner img {height: 4rem;width: 100%;}
/* content */
.content {padding-bottom: 1rem;overflow: hidden;padding-top: 0.7rem;}
.content-top {height: 0.56rem;line-height: 0.56rem;background: #BEE5EB;color: #6D6B6F;font-size: 14px;padding-left: 0.2rem;box-sizing: border-box;}
.content .box {width: 3.8rem;height: 3.07rem; float: left; background: #666;margin-top:0.7rem;}
.content .box:nth-child(1){background: #D8E7FE;margin-right: 0.3rem;}
.content .box:nth-child(2){background: #D5DDF9;margin-right: 0.3rem;}
.content .box:nth-child(3){background: #F4D8F3;float:right;}
.content .box:nth-child(4){background: #FBD6DD;margin-right: 0.3rem;}
.content .box:nth-child(5){background: #D1F7D1;margin-right: 0.3rem;}
.content .box:nth-child(6){background: #F5E7C9;float:right;}
.content .box:nth-child(1) img {width: 1.28rem;height: 1.28rem;}
.content .box:nth-child(2) img {width: 1.26rem;height: 1.26rem;}
.content .box:nth-child(3) img {width: 1.34rem;height: 1.02rem;}
.content .box:nth-child(4) img {width: 0.96rem;height: 1.24rem;}
.content .box:nth-child(5) img {width: 1.03rem;height: 1.3rem;}
.content .box:nth-child(6) img {width: 1.26rem;height: 1.18rem;}
.box {color:#787878;font-size:0.3rem;position: relative;}
.box-inner {width: 100%;height: 100%;overflow: hidden;}
/* .box-inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
.inner-left {display: inline-block;width: 40%;height: 100%;position: relative;}
.inner-left img {position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.inner-right {display: inline-block;width: 50%;height: 100%;position: relative;}
.inner-right-content {position: absolute; top: 50%; left: 10px; transform: translateY(-50%);font-size: 0.24rem;}
.box-title {color: #323232; font-size: 0.3rem;font-weight: 700;}
.content .box .box-inner .inner-right .more {position: absolute; right: 20px; bottom: 40px; width: 0.3rem;height: 0.3rem;}
/* footer */
.footer{background: rgb(6, 79, 162);position: relative;padding: 50px;box-sizing: border-box;color: #fff;}
.footer li {line-height: 40px;}
.footer li:first-child {font-size: 24px; line-height: 50px;}
.footer .qrcode {position: absolute;top:50px; right: 50px;}
.footer a {color: #fff; margin: 0 10px;}
/* copyright */
.copyright {color: #fff;font-size: 14px;text-align: center; border-top: 1px solid #dfdfdf;line-height: 40px;background: rgb(6, 79, 162);;}

/* 造价指标页面start */
.zj-tabs {font-size: 0;}
.zj-tab {display: inline-block;text-align: center;width: 3.8rem;font-size: 0.18rem; height: 0.5rem; background:#eee; line-height: 0.5rem;border-radius: 0.3rem; }
.zj-tab.active {background: #154E8D; color: #fff;}
.zj-tab:not(:nth-child(3)) {margin-right: 0.3rem;}

.zj-content { overflow: hidden; padding-top: 0.5rem; box-sizing: border-box;}
.zj-content-left {float: left; width: 3rem;min-height: 9rem;height: 100%; background: #4BB6FB;}
.zj-content-left-list-item { text-align: center;height: 0.6rem;line-height: 0.6rem; background: #4BB6FB;border-bottom: 1px solid #fff;}
.zj-content-left-list-item.active { color: #fff;}
.zj-content-left-top { background: #154E8D; color: #fff;}
.zj-content-left-top img { display: inline-block; margin-right: 10px;}
.zj-content-right {float: right; width: 9rem; min-height: 9rem; height: 100%;}
/* 定额应用部分 */
.zj-content-right-top {height: 0.5rem; line-height: 0.5rem; background: #eee; padding: 0 10px; box-sizing: border-box;overflow: hidden;}
.zj-content-right-top-left {float: left;}
.zj-content-right-top-right {float: right; padding: 0 10px; box-sizing: border-box;}
.zj-content-right-top-right input { text-align: right; padding: 4px 10px; box-sizing: border-box; outline: none;border-radius: 10px; border:none;margin-right: 5px;}
.zj-content-right-item {padding: 20px 0 0 30px;}
.zj-content-right-item li {list-style-type:square; color: #4BB6FB; line-height: 30px;}
.zj-content-right-item li span:nth-child(1) {color: #666;}
.zj-content-right-item li span:nth-child(2) {color: #666; float: right;}
/* 造价指标部分 */
#zjzb {padding-left: 30px; box-sizing: border-box; min-height: 9rem;height: 100%;width: 100%;}
#zjzb .img-left>img {width: 2rem; height: 2.2rem; margin-right: 10px;}
.zjzb-content h4 {color: #0071DB; font-size: 0.24rem;}
.zjzb-content p {overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.zjzb-content { width: 6.4rem;height:2.2rem; line-height: 30px;font-size: 0.16rem;}
.zjzb-content img {position: absolute;bottom: 0; right: 0;cursor: pointer;;width: 1rem; height: 0.3rem;}
.zjzb-content img.nd {left: 0;}
#zjzb .img-left {overflow: hidden;}
#zjzb .img-left:not(:last-child) {margin-bottom: 0.3rem;}
#deyy {display:none;}
/* 补充定额 */
.bc-top {text-align: center;}
.bc-select { width: 3rem; height: 0.4rem; padding: 0 10px; box-sizing: border-box;}
.bc-input {width: 3rem; line-height: 0.4rem;border-width: 1px;padding: 0 10px;box-sizing: border-box; margin-left: 10px;}
.bc-btn {width: 0.6rem; height: 0.4rem;line-height: 0.4rem; background: #007BFF; color: #fff;border:none; border-radius: 8px;margin-left: 10px;}
/* 造价指标页面end */

